<template>
  <a-modal
    v-model:visible="showModal"
    @close="onClose"
    :title="pageTlt"
    :mask-closable="false"
    class="modal-dialog-wrapper"
    unmount-on-close
    width="76vw"
  >
    <template #footer>
      <div></div>
    </template>
    <iframe :src="url" style="width: 100%; height: 70vh"></iframe>
  </a-modal>
</template>

<script setup lang="ts">
  import { ref } from 'vue'

  const pageTlt = ref('申请自动签署') //标题
  const showModal = ref(false)
  const url = ref('')
  const emit = defineEmits(['close'])

  const show = (record: any) => {
    console.log(record)
    url.value = record
    showModal.value = true
  }

  const onClose = () => {
    showModal.value = false
    emit('close')
  }

  defineExpose({
    show,
  })
</script>

<style lang="less" scoped></style>
